<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
	<title>事务历史</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
	<link href="../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
	<link href="../assets/css/page-min.css" rel="stylesheet" type="text/css" />
	<link href="../assets/css/prettify.css" rel="stylesheet" type="text/css" />
	<script language="javascript" src="../assets/js/js.js"></script>
	<script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="../assets/js/bui-min.js"></script>
	<script type="text/javascript" src="../assets/js/config-min.js"></script>
	
	<style type="text/css">
		body {
			text-align: center;
			padding: 20px 50px 20px 30px;
		}
		
		.doc-content {
			width: 100%;
		}
		
		.doc-content .container #J_Form3 {
			width: 100%;
		}
		
		.form-panel {
			width: 100%;
		}
		
		.panel-content, .table th {
			background: #DFF0D8
		}
		
		.panel-content>li>button, .panel-content>li>a {
			font-size: 12px;
			letter-spacing: 2px;
			margin-left: 20px;
		}
		
		table th, table tr {
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="">
				<form id="J_Form" action="" class="row well"
					style="margin-left: 0px;">
					<div class="bui-form-group ">
						<label>事务状态：</label> <select name="" onchange="">
							<option value="-1" selected="selected">所有</option>
							<option value="1">待办结</option>
							<option value="2">待处理</option>
							<option value="3">待审核</option>
						</select> <label>事务种类：</label> <select name="" onchange="">
							<option value="-1" selected="selected">请选择</option>
							<option value="1">网点设施类</option>
							<option value="2">办公设施类</option>
							<option value="3">电子设备类</option>
						</select> <label>事务明细：</label> <select name="" onchange="">
							<option value="-1" selected="selected">请选择</option>
							<option value="1"></option>
							<option value="2"></option>
							<option value="3"></option>
						</select>
					</div>
					<div id="group" class="bui-form-group " style="margin-top: 20px;">

						<label>上报时间：</label><input class="calendar" name="start"
							type="text"> <span>-</span> <input class="calendar"
							name="end" type="text">
						<button class="button button-info"
							style="display: inline-block; margin-left: 50px;">查询</button>
					</div>

				</form>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="../assets/js/bui-min.js"></script>

	<script type="text/javascript" src="../assets/js/config-min.js"></script>
	<script type="text/javascript">
		BUI.use('common/page');
	</script>
	<script type="text/javascript">
		BUI.use('bui/form', function(Form) {
			new Form.Form({
				srcNode : '#J_Form'
			}).render();

			new Form.Form({
				srcNode : '#J_Form',
				//联合校验起始日期
				validators : {
					'#group' : function(record) {
						if (record.start > record.end) {
							return '结束日期必须大于起始日期！';
						}
					}
				}
			}).render();
		});
	</script>

	<table cellspacing="0" class="table table-bordered"
		style="margin-left: 8px; width: 98%;">
		<thead>

			<tr>
				<th>最后一次操作时间</th>
				<th>事务种类</th>
				<th>事务明细</th>
				<th>状态</th>
				<th>超时时间</th>
				<th>催办次数</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>张某某</td>
				<td>@mdo</td>
				<td>张某某</td>
				<td>@mdo</td>
				<td>1</td>

			</tr>
			<tr>
				<td>1.1</td>
				<td>张某某</td>
				<td>@TwBootstrap</td>
				<td>张某某</td>
				<td>@mdo</td>
				<td>1</td>

			</tr>
			<tr>
				<td>2</td>
				<td>李证明</td>
				<td>@fat</td>
				<td>张某某</td>
				<td>@mdo</td>
				<td>1</td>
			</tr>
			<tr>
				<td>3</td>
				<td>王明</td>
				<td>@twitter</td>
				<td>张某某</td>
				<td>@mdo</td>
				<td>1</td>
			</tr>
		</tbody>
	</table>

	<div class="pagination pull-right"
		style="margin-top: 30px; margin-right: 100px;">
		<ul>
			<li class="disabled" style="letter-spacing: 2px;"><a href="#">总共80条/20页</a></li>
			<li class=disabled><a href="#">« 上一页</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">下一页 »</a></li>
		</ul>
	</div>
	</div>
<body>
</html>
